<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="DOTA,dota,Dota,DOTA视频,解说视频,DotaTOP10" />
<meta name="description" content="" />
<title>WIFI蜘蛛侠</title>
<script src="js/jquery.min.js" language="javascript" type="application/javascript"></script>
<script type="application/javascript">
function hp(id, type)
{
	$.post('action.php?do=hp&type='+type+'&id='+id, function(response){
		if (response.status)
		{
			$('#hp_'+id+'_val').text(response.data);
		} else if (typeof(response.info) == 'undefined') {
			var emailUsername = 'jsph.chen';
			var space = '';
			var emailDomain = 'gmail.com';
			alert('噢，服务器选择罢工了！您可以向管理员邮箱【' + emailUsername + '@' + space + emailDomain + '】投诉！！！');
		} else {
			alert(response.info);
		}
	}, 'json');
}
</script>
<style>
body{
	font-size:62.5%;font-family:Verdana, Geneva, sans-serif, "宋体";padding:0px;margin:0px;padding-top:30px;
	*background-image:url(about:blank);*background-attachment:fixed;/*必要，防抖动*/
}
.clear{clear:both;}
div,ul,li,input,select,dl,dt,dd{margin:0px;padding:0px;}
ul,li{list-style:none;}
#searchBar{width:980px;margin:0px auto;height:50px;}

#main{width:980px;margin:0px auto;height:auto;}

#list{float:right;width:720px;margin:0px auto;height:auto;line-height:33px;padding:8px 15px;border-left:1px dotted #666;}
#list dt{font-size:medium;border-bottom:1px dashed #999;}
#list dd{font-size:smaller;color:#666;padding:0px 25px;}
#list .separator{width:100%;height:20px;}
#list dd .label{font-weight:bold;margin-left:10px;}
#list dd em{font-family: Georgia;color:#f00;}
#list .defend{color:#063;cursor:pointer;}
#list .attack{color:#f00;cursor:pointer;}

#siteComment{float:left;width:210px;margin:0px auto;height:auto;text-align:right;padding:0px 10px 10px 0px;}
#siteComment dt{line-height:35px;font-size:medium;font-weight:bold;font-style:oblique;border-bottom:1px dashed #999;padding-right:15px;}
#siteComment dd{line-height:25px;font-size:smaller;padding-right:15px;}

</style>
</head>

<body>

<div id="searchBar">
</div>

<div id="main">
    
    <div id="link">
    	<dl>
        	<dt>推荐链接</dt>
			<?php foreach ($linkList as $v) { ?>
            <dd></dd>
            <?php } ?>
        </dl>
    </div>
    
	<div id="list">
    
    <dl id="latestVideoList">
    <?php foreach ($videoList as $v) { ?>
        <dd>
        	<span class="label">城市：</span><span><?=$_city_list[$v['city']]?></span>
        	<span class="label">标签：</span><span><?=$v['tags']?></span>
        	<span id="hp_<?=$v['id']?>" class="label">HP:</span><em id="hp_<?=$v['id']?>_val"><?=$v['hp']?></em>
            <span class="defend" onclick="hp(<?=$v['id']?>, 'defend')">加血</span>
            <span class="attack" onclick="hp(<?=$v['id']?>, 'attack')">攻击</span>
        </dd>
        <dd class="separator"></dd>
    <?php } ?>
    </dl>
    
    </div>
    
    <div class="clear"></div>
</div>

</body>
</html>